<!--
10、Vue：v-for
> 目标: 掌握v-for迭代指令的使用

- 作用: v-for 迭代数组 或 json对象
  迭代数组
  语法: v-for="item in 数组" 或 v-for="(item,index) in 数组"
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vuejs迭代指令</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <ul>
        <!--        迭代数组-->
        <li v-for="(item,index) in dataList">
            索引号:{{index}} === 数组元素:{{item}}
        </li>
    </ul>
</div>

<script type="text/javascript">
    var vue = new Vue({
        el: '#app', // 渲染的html元素
        data: {
            dataList: [100,200,300,400,500]
        }
    });
</script>
</body>
</html>